<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>

</head>
<body>

<div class="<div class="container-fluid">

    <a class="btn">默认样式</a>
    <a class="btn btn-default">default</a>
    <a class="btn btn-primary">primary</a>
    <a class="btn btn-success">success</a>
    <a class="btn btn-info">info</a>
    <button class="btn btn-warning" >warning</button>
    <input type="button" value="danger" class="btn btn-danger"/>
    <button class="btn btn-link" >link</button>
    <a class="btn btn-link" >link</a>
    <hr/>
    <a class="btn btn-primary btn-lg">大按钮</a>
    <a class="btn btn-primary btn-sm">小按钮</a>
    <a class="btn btn-primary btn-xs">超小按钮</a>
    <div class="row">
        <div class="col-sm-12">
            <a class="btn btn-primary btn-block">超小按钮</a>
        </div>
    </div>
    <div class="row">
        <button disabled="true" class="btn btn-default">禁用</button>
        <a class="btn btn-default disabled">禁用</a>
    </div>
</div>

<script type="text/javascript" src="./bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</body>
</html>